<template>
  <div class="container d-flex flex-col gap-col-8">
    <div class="d-flex flex-row gap-row-8 align-center">
      <slot name="logo"></slot>
      <div v-show="title" class="font-size-14 font-weight-500 line-height-125">{{ $t(title) }}</div>
    </div>
    <div v-show="info" class="font-size-14 font-weight-400 line-height-125">{{ $t(info) }}</div>
  </div>
</template>
<script setup>
defineProps({
  title: {
    type: String,
    default: '',
  },
  info: {
    type: String,
    default: 'payment.happy.info',
  },
})
</script>
<style scoped lang="scss">
.container {
  width: 100%;
  height: 100%;
}
</style>
